<script setup lang="ts">
import LeftMenu from './components/LeftMenu.vue'
import PatientInfo from './components/patient-info.vue'
</script>

<template>
    <el-container class="list-detail">
        <el-header class="header-container">
            <PatientInfo />
        </el-header>

        <el-container class="main-container">
            <el-aside width="220px" class="nav-container">
                <LeftMenu />
            </el-aside>

            <el-main class="content-container">
                <router-view />
            </el-main>
        </el-container>
    </el-container>
</template>

<style scoped lang="scss">
.list-detail {
    height: 100%;
}

.header-container {
    padding: 0;
    height: auto;
}

.main-container {
    margin-top: 16px;
}

.nav-container {
    padding: 0;
}

.content-container {
    padding: 0;
}
</style>
